.tip {
	vertical-align: top;
	color: #000;
	position: relative;
	right:0rpx;
	top: 10rpx;
}

.imgitem {
	width: 150rpx;
	height: 150rpx;
	border: 1px solid #ccc;
	margin: 20rpx auto;
	margin-left: 40rpx;
}

.dataCheckbox {
	margin-left: 40rpx;
}

.uni-mt-3 {
	width: 100%
}



.image {
	width: 60rpx;
	height: 60rpx;
	display: block;
}

.image-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
	justify-content: center;
	margin: 10% auto;

}

image {
	transition: transform 1s ease;

}



image.enlarged-image {
	position: fixed;
	background-color: #000;
	width: 100%;
	height: 100%;
	z-index: 999;
}

button {
	width: 50%;
	margin-top: 2%;
	border-radius: 50px;
}

.btngroups {
	position: fixed;
	bottom: 10%;
	width: 96%;
	padding: 2%;
}

.fade-in {
	opacity: 0;
	animation: fadeIn 1.5s ease forwards;
}

@keyframes fadeIn {
	to {
		opacity: 1;
	}
}

.empty-content {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40vh;
}

.dashed-border {
	border: 2px dashed #999;
	border-radius: 200rpx;
	padding: 80rpx;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}